Subpage redesign concept for Yettel

•

It was a test task for Yettel (a telco company).

The project was to redesign the https://www.yettel.hu/szamhordozas website and make it more transparent and beautiful. Most visitors come from a mobile device, which should be kept in mind when planning. Two versions had to be designed: a version that matches Yettel's image and a version that developers can easily and quickly implement. (The task was only ideation and design, there was no need to create a prototype.) And hero banners had to be designed.

***

Ez egy próbafeladat volt a Yettelhez (ez egy telekommunikációs cég).

A projekt az volt, hogy újratervezzem a https://www.yettel.hu/szamhordozas oldalt, hogy átláthatóbb és szebb legyen. A legtöbb látogató mobilról érkezik, ezt szem előtt kell tartani a tervezésnél.

Két verziót kellett tervezni: egy Yettel arculatához illő verziót és egy olyan verziót is amit egyszerűen és gyorsan meg tudnak valósítani a fejlesztők. (A feladat csak az ötletelés és tervezés volt, nem kellett prototype-ot készíteni.) Illetve szükséges még hero bannerek tervezése is.

The subpage I had to redesign - Az aloldal, amit át kellett terveznem

The first (mobile first) version.

I broke the content down into several smaller units to make it easier to see and absorb the information. I chose an arrow-stepping solution for navigating between several small text sections (not a long text, on one page, by scrolling), and I pinned the most important information at the bottom of the page.

Az első (mobile first) verzió.

Szétszedtem a tartalmat több kisebb egységre, hogy könnyebben átlátható legyen és egyszerűbben befogadhatóak legyenek az információk. Nyilakkal léptetéses megoldást választottam navigálásra a több kis szövegrész közt (nem egy hosszú szöveget, egy oldalon, görgetéssel), és a legfontosabb információt az oldal alján rögzítettem.

The second (mobile first) version.

I tried to design the parts of the page and the information input interfaces in such a way that it would be as simple as possible for the developers to create (according to my hopes) and easy for the customer to fill out as a form. Additional information has also been placed on an easily accessible page.

Az második (mobile first) verzió.

Úgy próbáltam megtervezni az oldal részeit és az információ beviteli felületeket, hogy minél egyszerűbb legyen elkészíteni a fejlesztőknek (reményeim szerint) és könnyű legyen kitölteni is az ügyfélnek, űrlapként. A további információk is könnyen elérhető oldalra kerültek.